@charset "utf-8";

.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.margin_80{ height:80px; display:block; clear:both}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.bg_white{ background:#fcfcfc}
.color_cc{ color:#017ac4}
.right{ text-align:right}
.float_l{ float:left}
.float_r{ float:right}
.padding_left_10{ padding-left:10px}
.green{ background:#A6CE38; color:#eee; height:500px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.content{width:96%; margin:0 auto; max-width:1200px; min-width:300px;font-size:0.875em;}
.content img{ max-width:100%}
.power{display:none; cursor:pointer; position:absolute; top:0; right:0; width:60px; height:30px; line-height:14px; margin:23px 10px 0px 0;*margin:15px 5px 17px 0; overflow:hidden; z-index:125; color:#eee}
.power li{ width:28px; float:right; color:#eee}
.power span{ height:4px; margin:0 0 3px 0; display:block; *overflow:hidden; background:#eee}
.power span i{ width:2px; height:4px; margin:0 0 0 4px; display:block; background:#111}
.sub_main{ padding:0 0 2em 0}


.banner{ clear:both; background:#000914}
.line{ border-bottom:solid 1px #ddd; height:20px; clear:both}

div.title{ text-align:center;height:100px; background:url(../img/title.png) no-repeat top center}
div.title dt{color:#55a9d5; padding-top:.3em}
div.title dd{ font-size:0.875em; color:#222; display:block;background:url(../img/line.gif)
 center center no-repeat; font-family:Arial, Helvetica, sans-serif; color:#eee}
div.title dd span{ padding-top:1.6em; display:block}
div.title dd h3{ font-size:2.2em; display:block; padding-top:.15em; color:#f9f9f9; font-weight:normal}
 
.bg_a{ background:url(../img/bg_011.png) center center fixed; padding:5em 0; background-color:#Fafafa}
.jjfa ul.a,.jjfa ul.b{ width:50%; float:left}
.jjfa dl dt,.jjfa dl dd{
	width:50%;
	height:216px;
	overflow:hidden;
	position:relative;
	float:left;
	font-size:1.2em;
	background-color: #4485c6;
}
.jjfa dl dt img{ position:absolute;left:0; top:0}
.jjfa dl.a dd p{ position:absolute;  left:40px; z-index:3; padding-right:20px; font-size:13px; line-height:20px;}

.jjfa dl.a dd img{ position:absolute; bottom:30px; left:40px; z-index:2}
.jjfa dl dd span{
	width:400px;
	height:216px;
	position:absolute;
	left:450px;
	top:0;
	display:block;
background-color: #81c644;
	z-index:1;
	
}
.jjfa dl.b dd p{ position:absolute; right:30px; z-index:3; font-size:13px; line-height:20px }
.jjfa dl.b dd img{ position:absolute; bottom:30px; right:30px; z-index:2}
.jjfa a:link,.jjfa a:visited{ color:#f9f9f9}

.bg_b{ background:url(../img/bg_022.png) center center fixed; padding:5em 0; background-color:#FFFFFF;}
.singer dl{ width:90%; margin:0 auto; text-align:center;}
.singer dt{ position:relative; overflow:hidden}
.singer dt p img{ position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px}
.singer dd{ padding:1em 0; font-size:1.2em}
.singer a:link,.singer a:visited{ color:#666}
.singer a:hover{ color:#003399;}
.anli_more{ text-align:center; padding-top:3em}
.anli_more a{ display:inline-block; margin:0 auto; padding:.8em 4em; background:#105cc3; color:#fff; font-size:1.25em}
.anli_more a:hover{ background:#eee; color:#333}



.feedback{ padding:50px;}
.feedback li{ padding:10px 0}
.feedback input{ vertical-align:top; border:solid 1px #ddd; width:500px; height:30px; line-height:30px}
.feedback textarea{ vertical-align:top; width:500px; border:solid 1px #ddd; background:#fff}
.feedback img{ vertical-align:top}
.bt_feedback{ height:30px; line-height:30px; width:120px; text-align:center; color:#eee; background:#0055AA; cursor:pointer; display:inline-block; margin-left:60px}
.error_feedback{color:#F00; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}



.sub_bannerBox{ height:440px; background:#000; text-align:center}
.sub_bannerBox img{ width:100%; display:none}
.sub_banner2{ height:440px; background:url(../img/sub_banner2.jpg) top center no-repeat}
.sub_banner3{ height:440px; background:url(../img/sub_banner3.jpg) top center no-repeat}
.sub_banner4{ height:440px; background:url(../img/sub_banner4.jpg) top center no-repeat}
.sub_banner5{ height:440px; background:url(../img/sub_banner5.jpg) top center no-repeat}
.sub_banner6{ height:440px; background:url(../img/sub_banner6.jpg) top center no-repeat}
.sub_banner7{ height:440px; background:url(../img/sub_banner7.jpg) top center no-repeat}
.sub_banner8{ height:440px; background:url(../img/sub_banner8.jpg) top center no-repeat}
.sub_banner9{ height:440px; background:url(../img/sub_banner9.jpg) top center no-repeat}

.left{display:block}
.left_nav{ margin-top:-85px}
#left_current{ color:#017ac4}
#left_current a{color:#017ac4;background:url(../img/jt_a.jpg) no-repeat 36px 14px; }
.left_nav dt{ height:85px; line-height:65px; background:#0087CD; color:#eee;font-size:1.45em; position:relative; overflow:hidden}
.left_nav dt div,.left_nav dd div{ width:76%; margin:0 auto;}
.left_nav dt p{ position:absolute; top:43px; left:30px; font-size:1.6em; color:#86b2db; font-family:Arial, Helvetica, sans-serif}
.left_nav dd{ background:url(../img/left.png) bottom right; padding:1em 0}
.left_nav dd div{ height:44px; line-height:44px; border-bottom:solid 1px #ddd}
.left_nav dd div.nav_nobg{ border:none}
.sub_main .l{ width:20%; float:left; background:#fff}
.sub_main .r{ float:right; width:76%; overflow:hidden;}
.sub_main .r img{ max-width:100%}
.sub_title{ border-bottom:solid 1px #bbb; padding:1em 0;color:#666; text-align:right}
.sub_title a{ color:#666}
.sub_content{ padding:2em 0; line-height:2; color:#222}

/*ҳ*/
.sub_newslist{ padding:0 0 20px 0;}
.sub_newslist li{border-bottom:dashed 1px #CCCCCC; height:35px; line-height:35px}
.sub_newslist li a:link,.sub_newslist li a:visited{}
.sub_newslist a{width:33.3%; float:left; text-align:center}
.sub_newslist dl{ width:90%; margin:0 auto}
.sub_newslist dl dt{ margin:0 0 15px 0}
.sub_newslist dl dd img{ border:solid 1px #ddd; background:#f1f1f1; padding:5px}
.sub_newslist dl dd.i_l{ width:56%; float:left; border:solid 1px #ddd; padding:3px}
.i_r a:link,.i_r a:visited{ margin:20px 0 0 0; color:#d10000}
.i_r a:hover{ color:#333}
.sub_newslist dl dd.i_r{ width:38%; float:right;}
.news_li{ width:80%; float:left; display:block; background:url(../img/gif-0336.gif) no-repeat 0 10px; padding:0 0 0 18px;}
.news_time{ float:right; color:#ccc; font-size:12px}
.sub_newslist li div{color:#666; clear:both}
/*.clas{ height:40px; line-height:40px;color:#eee; text-indent:2em; margin-top:-40px;background:url(http://g.wxkj.net/img/mask_black_70.png); display:block; z-index:1; position:relative}*/
.list_show h3{ font-size:1.3em; text-align:center}
.case_list a{ width:33.3333%; float:left}
.case_list a dl{ width:90%; margin:0 auto 2em auto; padding:1em 0; text-align:center; background:#fafafa;}
.case_list a dt,.case_list a dd{ width:90%; margin:0 auto}
.case_list a h3{ font-size:1em; font-weight:normal}
.case_list a:hover dl{ box-shadow:0 0 8px #ccc}
.list_photo h3{ text-align:center; padding:0 0 1em 0; font-size:2em; font-weight:normal}
.list_photo dl{ text-align:center; width:90%; max-width:600px; margin:0 auto}
.list_photo dd{ width:20%; float:left; padding:.5em 0}
.list_photo dd img{ border:solid 1px #bbb; padding:4px; width:86%; cursor:pointer}
.p_title{ height:40px; line-height:40px; text-align:left; border-bottom:solid 1px #bbb; margin-bottom:30px}
.p_title h4{ display:inline-block; border-bottom:solid 2px #0176CD; font-size:1.1333em; color:#0176CD; font-weight:normal }

.news_ts{ text-align:center; padding:.5em 0; border-bottom:solid 1px #ddd; margin:2em 0; color:#888}
.news_view h3{ text-align:center; font-size:1.6em; font-weight:normal}
.page_news{ padding:1em 0; line-height:2; border-top:solid 1px #bbb; margin:2em 0}



.list_video dt{ position:relative; height:200px; overflow:hidden;}
.list_video dt img.b{ width:300px;height:200px; overflow:hidden; position:absolute; left:0; top:0; z-index:2;}
.list_video dt img.a{ height:200px; position:absolute; left:200px; z-index:1}
.list_video dt h4{ position:absolute; left:0; top:0; z-index:3; width:20px; padding:1em; line-height:1.2}

.bottom_nav{ padding:3.5em 0; background:#1a1c1e}
.bottom_nav li{ width:16.66%; float:left}
.bottom_nav dl{ font-size:0.875em; width:80%; margin:1em auto auto}
.bottom_nav dl dt{font-size:1.1333em; border-bottom:solid 1px #2c2d2e; margin-bottom:1em}
.bottom_nav dl dt strong{ display:inline-block; border-bottom:solid 1px #828282; padding:.6em 0;font-weight:normal}
.bottom_nav dl dd{ padding:.6em 0}
.bottom_nav a:link,.bottom_nav a:visited{ color:#8f8f8f;}
.bottom{ background:#2a2e3a;padding:2em 0; font-size:0.875em; line-height:1.8; color:#8f8f8f}
.bottom a:link,.bottom a:visited{ color:#8f8f8f}
.links{background:#2a2e3a;padding:2em 0; border-bottom:solid 1px #545454; text-align:center; color:#ddd;}
.links dt{ font-size:1.25em; padding-bottom:1em}
.links a:link,.links a:visited{ color:#8f8f8f; font-size:.875em; margin:0 .3em}
.bottom a:hover,.bottom_nav a:hover,.links a:hover{ color:#0087cd}


.copyright{ font-size:0.875em; padding:0 0 1em 0}
.copyright .a{ width:80%; float:left}
.copyright .b{ width:19%;float:left; text-align:right}
/*.gotop_box{ position:fixed; right:10px; bottom:10px; background:url(http://g.wxkj.net/img/mask_black_70.png); height:40px; width:40px; line-height:50px; text-align:center; overflow:hidden; border-radius:3px; color:#eee; z-index:999999; cursor:pointer; font-family:"novecento"; font-size:2em; display:none}
a:hover.gotop_box{background:url(http://g.wxkj.net/img/mask_black_50.png); color:#eee}*/


input,textarea{ font-size:1em;font-family:"΢ź";}
input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#eee; border-radius:3px;margin:0 0 5px 0; color:#999;}
textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#eee; border-radius:3px;margin:0 0 5px 0;color:#999;}
input.m_in,textarea.m_in{ color:#333; width:100%}
.m_submit{ width:60px; text-align:center;color:#eee; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}
.bottom_b dd span{ float:right; height:26px; line-height:26px; padding:0 10px 0 0; color:#d10;}
.bottom_js{display:none}

/*.bottom_tool{ background:url(http://g.wxkj.net/img/mask_black_80.png); display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:46px;color:#eee; font-size:0.75em; line-height:1.2em; overflow:hidden; position:fixed; bottom:0; left:0;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:99999}
.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}*/
.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:25%;*width:24%}
.bottom_tool h5{ font-weight:normal; font-size:1em}
.bottom_tool a:link,.bottom_tool a:visited{ color:#f5f5f5; display:block; height:46px;}
.bottom_tool a:hover{ background:#006cd7}
.bottom_tool img{ margin:6px 0 0}


#post_text{ color:#f10915}

/*ҳʽ*/
.fy{padding:3em 0 0; clear:both; text-align:right}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#017ac4; background:#888; margin:0 1px;border:solid 1px #ccc}
.fy2{color:#eee;}
.fy3,.fy4{color:#888; background:#f9f9f9}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#eee}
a:link .fy1,a:visited .fy1{ color:#eee}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#017ac4;}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}

.contact_img{ float: left; margin:0 20px 20px 0}
/*.mask_box{ width:100%; height:100%; background:url(http://g.wxkj.net/img/mask_black_90.png); position:fixed; _position:absolute;left:0; top:0; z-index:123; display:none}*/

/*߿ͷ*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../img/kf.gif) no-repeat; font-size:0.875em; z-index:10000}
#box_os,.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:250px;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-100); z-index:1000;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: qq_animate;-webkit-animation-name: qq_animate;}
.box_os .os_x{background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer; margin-bottom:-25px;}
.box_os .osqq{ width:129px; border:1px solid #f3f3f3; background-color:#eee; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center}
.box_os .osqq p{ height:auto; line-height:1;width:110px; margin:0 auto; padding:1em 0 0}
.box_os .osqq p strong{font-weight:normal; font-size:0.875em}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#333; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
#onlineService,.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:250px; _position:absolute; z-index:1000}
.onlineService .ico_os{ background-position:-2px -20px;cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0;cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px;cursor:pointer; width:39px;height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}
@media screen and (max-width:1200px) and (min-width:1024px){
	.f_left{ width:40%;}
	.f_right{ width:55%;}
}
@media screen and (max-width:1024px){
    .copyright{ display:none}	
    .left_nav{ width:88%;}
}
@media screen and (max-width:1023px){	
	.top_box{ height:140px}
	.top_ul1{ float:none; width:100%; text-align:center}
	.top_ul2{ width:100%;float:none;}
	.top_ul3{ display:none}
    .left_nav{ width:100%;}
	div.news_l,div.news_r{ width:100%; float:none}
	div.news_r{ padding:40px 0 0; clear:both}
	.news_l .r dl{ width:98%}
	.sub_bannerBox{ background:#000; height:auto}
	.f_left{ width:35%;}
	.f_right{ width:62%;font-size:0.875em}
	.f_right .a{ padding:10px}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
    .bottom_tool{ display:none}
}
@media(max-width:768px){
	.margin_50{ height:25px}
	.fy2,.fy_total,.page_jum{ display:none}
    .case_list a{width:50%;}
	.f_left{ display:none}
	.f_right .a{ background:none; padding:0}
	.f_right{ width:100%;float:none;font-size:1em}
	.feedback{ padding:0; width:90%; margin:0 auto}
    .sub_main .l{ width:100%; float:none; background:none}
    .sub_main .r{ float:none; width:100%;}
	.sub_newslist a{width:50%}
	.sub_bannerBox{ padding-top:120px;}
	.sub_bannerBox div{ display:none}
	.sub_bannerBox img{ display:block;}
}
@media(max-width:767px){

	.jjfa ul.a,.jjfa ul.b{ width:80%; float:none; margin:0 auto}
	.jjfa dl dt,.jjfa dl dd{ font-size:1em}
	.jjfa dl.a dd p,.jjfa dl.a dd img{ left:1em}
	.jjfa dl.b dd p,.jjfa dl.b dd img{ right:1em}

	.links{ display:none}
	.sub_bannerBox{ padding-top:60px;}
	.bottom{ margin:0}
	.bottom .a,.bottom .c{ display:none}
	.bottom .b{ width:100%}
	.left_nav{ margin:0}
	.left_nav dl{ clear:both;}
	.left_nav dt{ display:none}
	.left_nav dd div{ width:auto; display:block; margin:0; float:left; border:none}
	.left_nav dd div a{ padding:.5em 1.2em; background:#ddd; margin:0 2px}
	.left_nav dd{background:none}
	.sub_newslist dl dd.i_l,.sub_newslist dl dd.i_r{ width:96%; margin:0 auto; float:none}
	.clas{ text-indent:.5em; font-size:0.875em}
	
	.fy{ font-size:0.875em}
}
@media(max-width:640px){
	.content{ width:90%;}	
	.bg_c,.bg_b,.bg_a{ padding:3em 0}.jjfa dd p{ height:80px;}
	.jjfa ul.a,.jjfa ul.b{ width:80%;}	
	.bottom_nav{ padding:1em 0}
    .bottom_nav li{ width:100%; float:none}
	.bottom_nav li dl{ width:96%}
	.bottom_nav li dd{ display:inline-block; padding-right:1em}
	.sub_main .content{ width:86%}
	.sub_title,.news_ts{ font-size:1em}
	.sub_menu dd{ width:33%; border-radius:0; border-right:solid 1px #eee; border-bottom:solid 1px #eee; margin:0}
	.f_feedback dl{ width:100%; float:none; padding:15px 0 0}
	.f_feedback dt{ width:100%;float:none; text-align:left}
	.f_feedback dd{ width:100%; float:none}
	.f_feedback dd input,.f_feedback dl.f_dl dd textarea{ width:80%}
	.f_feedback dl.f_dl dt{ width:100%}
	.f_feedback dl.f_dl dd{ width:100%}
}
@media(max-width:639px){
	.banner{ padding-top:0px}
	.jjfa ul.a,.jjfa ul.b{ width:90%;}
	.jjfa dd p{ height:80px;}
    .img_news dl dd h4{ margin:.5em 0em .5em .5em; line-height:1.2}
    .case_list_a li,.case_list_b li{width:90%; margin:0 auto; float:none}

	.bottom{ padding:1em 0}
	.left_nav dd div a{ padding:.5em .5em; margin:0 2px; font-size:0.875em}
    .case_list a{width:100%;}
	.f_title{ background-size:280%; height:50px}
	.sub_newslist a{width:100%}
	.list_photo dd img{ padding:0}
}
@media(max-width:360px){
	.te_list ul{ width:100%;}
}
@media(max-width:320px){
	.content{ width:90%;}
}
@keyframes content_animate {
0% {opacity:0;transform:translate(0, 50px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes qq_animate {
0% {opacity:0;transform:translate(200px, 0);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes hoorai {
  0% {
    transform: rotate(-90deg);
    opacity: 1.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.0;
  }
}

@-moz-keyframes rotate{
  0%{
	-moz-transform:rotate(0deg);
   }
   100%{
	 -moz-transform:rotate(360deg);
   }
}
@-webkit-keyframes rotate{
  0%{
	-webkit-transform:rotate(0deg);
   }
   100%{
	 -webkit-transform:rotate(360deg);
   }
}
@keyframes rotate{
  0%{
	transform:rotate(0deg);
   }
   100%{
	 transform:rotate(360deg);
   }
}